<div class="modal-header">
    图片裁剪
</div>
<div class="picture modal-body">
    <div class="row">
        <div class="col-xs-8">
            <div class="cropArea">
                <img-crop
                    image="myImage"
                    area-type="square"
                    result-image="myCroppedImage"
                    result-image-format="image/jpeg"
                    result-image-size="640"
                ></img-crop>
            </div>
        </div>
        <div class="col-xs-4">
            <div class="croppedImg">
                <img ng-src="{{myCroppedImage}}" />
            </div>
        </div>
    </div>
</div>
<div class="picture modal-footer">
    <div class="row">
        <div class="col-xs-8">
            <div class="text-left"><!-- 尾部提示信息 --></div>
        </div>
        <div class="col-xs-4">
            <button class="btn btn-primary" type="button" ng-click="ok()">确认</button>
            <button class="btn btn-default" type="button" ng-click="cancel()">取消</button>
        </div>
    </div>
</div>